@import 'variables';

*{
  -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
  -webkit-user-select:none; /*webkit浏览器*/
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
  user-select:none;
}

input {
  -webkit-user-select:auto; /*webkit浏览器*/
}

/**页面包裹样式 Start**/
.g-content-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000001;
}
.g-content {
  -webkit-overflow-scrolling:touch;
  height: 100%;
  width: 100%;
  overflow: auto;
  position: absolute;
  // top: 0.44rem;
  &:before {
    display: block;
    height: 0.44rem;
    content: '';
  }
}
/**页面包裹样式 End**/

li {
  font-size: 20px;
  width: 100%;
}

//加载更多
.load-more{
  &::before{
    content: '';
    display: block;
    border-top: 1px #ddd solid;
  }
  padding: 0 .13rem;
  height: .415rem;
  // border-bottom: 1px #ddd solid;
  text-align: center;
  a{
    color: @blue-a;
    font:.14rem/.415rem PingFangSC;
    &:after {
      content: '';
      background: url("../../assets/images/downArrow.png") no-repeat center;
      background-size: .1rem .06rem;
      display: inline-block;
      height:.06rem;
      width:.1rem;
      margin-bottom: .01rem;
      margin-left: .06rem;
    }
    &.expanded:after {
      content: '';
      background: url("../../assets/images/upArrow.png") no-repeat center;
      background-size: .1rem .06rem;
      display: inline-block;
      height:.06rem;
      width:.1rem;
      margin-bottom: .01rem;
      margin-left: .06rem;
    }
  }
}

//底部说明文字
.comment{
  background: #fff;
  .comment-title{
    font:.16rem/.54rem PingFangSC;
    color: #222222;
    margin: 0;
  }
  p{
    text-align: left;
    font: .12rem/.18rem PingFangSC;
    color: #555555;
    padding: 0 .15rem .325rem;
    margin: 0;
  }
}

//分区间隔
.interval{
  height:0.07rem;
  background-color: @bg-a;
  font-size: 16px;
}

// 毛玻璃
.mask{
  filter: blur(1px);
}

/**字体 Start**/
.g-font-f1 {
  color: #222222;
  font-size: 0.18rem;
  font-family: PingFangSC-Regular;
}

.g-font-f2 {
  color: #222222;
  font-size: 0.16rem;
  font-family: PingFangSC-Regular;
}

.g-font-f3 {
  color: #555555;
  font-size: 0.16rem;
  font-family: PingFangSC-Regular;
}

.g-font-f4 {
  color: #555555;
  font-size: 0.12rem;
  font-family: PingFangSC-Regular;
}

.g-font-f5 {
  color: #999999;
  font-size: 0.12rem;
  font-family: PingFangSC-Regular;
}

.g-font-f6 {
  color: #787878;
  font-size: 0.12rem;
  font-family: PingFangSC-Regular;
}

.g-font-f7 {
  color: #999999;
  font-size: 0.10rem;
  font-family: PingFangSC-Regular;
}
/**字体 End**/


/*****图例相关 Start**/
.g-legend-wrapper{

  .g-legend-title {
    float: left;
    margin-left:0.15rem;
    display: inline-block;
  }

  .g-legend-content{
    text-align: left;
    padding-left: 0.15rem;
    flex-wrap: wrap;
    display: flex;

    .g-legend-item {
      &:before {
        display: inline-block;
        content:'';
        width: 0.09rem;
        height: 0.09rem;
      }

      &.red {
        &:before {
          background-color: @legend-red1;
        }
        .number {
          color: @legend-red1;
        }
      }

      &.red-light {
        &:before {
          background-color: @legend-red1;
          opacity: 0.5;
        }
        .number {
          color: rgba(232,75,75,.5);
          //opacity: 0.5;
        }
      }

      &.red-dark{
        &:before {
          background-color: @legend-red2;
        }
        .number {
          color: @legend-red2;
        }
      }

      &.green {
        &:before {
          background-color: @legend-green1;
        }
        .number {
          color: @legend-green1;
        }
      }

      &.green-light {
        &:before {
          background-color: @legend-green1;
          opacity: 0.5;
        }
        .number {
          color: rgba(26,174,82,.5);
          //opacity: 0.5;
        }
      }

      &.green-dark {
        &:before {
          background-color: @legend-green2;
        }
        .number {
          color: @legend-green2;
        }
      }

      &.orange {
        &:before {
          background-color: @legend-org1;
        }
        .number {
          color: @legend-org1;
        }
      }

      &.orange-dark {
        &:before {
          background-color: @legend-org2;
        }
        .number {
          color: @legend-org2;
        }
      }

      &.blue {
        &:before {
          background-color: @legend-blue;
        }
        .number {
          color: @legend-blue;
        }
      }

      &.purple {
        &:before {
          background-color: @legend-purple;
        }
        .number {
          color: @legend-purple;
        }
      }
    }
  }
}
/**图例相关 End**/
